import { createRouter, createWebHashHistory } from 'vue-router';

const routes = [
  {
    path: '/',
    redirect: '/main'
  },
  {
    path: '/main',
    name: 'main',
    component: () => import(/* webpackChunkName: "main" */ '@/views/main/Main.vue')
  },
  {
    path: '/example1',
    name: 'example1',
    component: () => import(/* webpackChunkName: "example1" */ '@/views/example/Example1.vue')
  },
  {
    path: '/example2',
    name: 'example2',
    component: () => import(/* webpackChunkName: "example2" */ '@/views/example/Example2.vue')
  },
  {
    path: '/example3',
    name: 'example3',
    component: () => import(/* webpackChunkName: "example3" */ '@/views/example/Example3.vue')
  },
  {
    path: '/example4',
    name: 'example4',
    component: () => import(/* webpackChunkName: "example4" */ '@/views/example/Example4.vue')
  },
  {
    path: '/example5',
    name: 'example5',
    component: () => import(/* webpackChunkName: "example5" */ '@/views/example/Example5.vue')
  },
  {
    path: '/example6',
    name: 'example6',
    component: () => import(/* webpackChunkName: "example6" */ '@/views/example/Example6.vue')
  },
  {
    path: '/example7',
    name: 'example7',
    component: () => import(/* webpackChunkName: "example7" */ '@/views/example/Example7.vue')
  },
  {
    path: '/example8',
    name: 'example8',
    component: () => import(/* webpackChunkName: "example8" */ '@/views/example/Example8.vue')
  },
  {
    path: '/example9',
    name: 'example9',
    component: () => import(/* webpackChunkName: "example9" */ '@/views/example/Example9.vue')
  },
  {
    path: '/example10',
    name: 'example10',
    component: () => import(/* webpackChunkName: "example10" */ '@/views/example/Example10.vue')
  },
  {
    path: '/example11',
    name: 'example11',
    component: () => import(/* webpackChunkName: "example11" */ '@/views/example/Example11.vue')
  },
  {
    path: '/example12',
    name: 'example12',
    component: () => import(/* webpackChunkName: "example12" */ '@/views/example/Example12.vue')
  },
  {
    path: '/example13',
    name: 'example13',
    component: () => import(/* webpackChunkName: "example13" */ '@/views/example/Example13.vue')
  },
  {
    path: '/example14',
    name: 'example14',
    component: () => import(/* webpackChunkName: "example14" */ '@/views/example/Example14.vue')
  },
  {
    path: '/example15',
    name: 'example15',
    component: () => import(/* webpackChunkName: "example15" */ '@/views/example/Example15.vue')
  },
  {
    path: '/example16',
    name: 'example16',
    component: () => import(/* webpackChunkName: "example16" */ '@/views/example/Example16.vue')
  }
];

const router = createRouter({
  history: createWebHashHistory(),
  routes
});

export default router;
